<template>
	<view class="dinding-attendant">
		<NavBar title="绑定服务员" :isBack="true"></NavBar>
		<view class="content">
			<view class="header">
				<view class="title">绑定服务点人员</view>
				<input type="text" placeholder="请输入手机号">
			</view>
			<view class="hint">*多个人员手机号间用英文逗号隔开</view>
			<view class="btn">
				确认提交
			</view>
		</view>
	</view>
</template>

<script setup>
	
</script>

<style lang="scss" scoped>
	page{
		background: #fff;
	}
	.dinding-attendant{
	  .content{
		  position: relative;
		  z-index: 1;
		  background: #FFFFFF;
		  border-radius: 22rpx 22rpx 0rpx 0rpx;
		  padding: 70rpx 36rpx;
		  .header{
			  display: flex;
			  align-items: center;
			  padding-bottom: 26rpx;
			  margin-bottom: 17rpx;
			  border-bottom: 1rpx solid #F5F5F5;
			  .title{
				  font-weight: bold;
				  font-size: 26rpx;
				  color: #333333;
				  margin-right: 40rpx;
			  }
			  input{
				  font-size: 26rpx;
			  }
		  } 
		  .hint{
			  font-weight: bold;
			  font-size: 18rpx;
			  color: #999999;
		  }
		  .btn{
			  margin-top: 98rpx;
			  text-align: center;
			  width: 648rpx;
			  height: 66rpx;
			  line-height: 66rpx;
			  background: #58DBCF;
			  border-radius: 500rpx 500rpx 500rpx 500rpx;
			  font-weight: 800;
			  font-size: 30rpx;
			  color: #FFFFFF;
		  }
	  }	 
	}
</style>